<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<%@taglib uri="/struts-tags" prefix="s" %>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=iso-8859-1"/>
<title>Simple Drop Down Menu</title>
<link rel="stylesheet" href="../../styles/stylesheetMenu.css" type="text/css"/>
<script type="text/javascript" src="../../js/jquery.js"></script>
<script type="text/javascript">
	
$(document).ready(function () {	
	
	$('#nav li').hover(
		function () {
			//show its submenu
			$('ul', this).slideDown(100);

		}, 
		function () {
			//hide its submenu
			$('ul', this).slideUp(100);			
		}
	);
	
});
</script>
		
</head>
<body>
<s:url id="servicesListUrl" action="servicesListLink.action" 
	namespace="/pages/services"/>
<s:url id="programmeListUrl" action="programmeListLink.action" 
	namespace="/pages/services"/>
<s:url id="organistationListUrl" action="organisationListLink.action" 
	namespace="/pages/organisations"/>
<s:url id="trustRegionListUrl" action="trustRegionListLink.action" 
	namespace="/pages/geography"/>	
<s:url id="governmentOfficeRegionListUrl" action="governmentOfficeRegionListLink.action" 
	namespace="/pages/geography"/>
<s:url id="premisesListLinkUrl" action="premisesListLink.action" 
	namespace="/pages/premises"/>			

<div align="center">
	<ul id="nav">
	<li><s:a href="%{organistationListUrl}">Organisation</s:a></li>
	<li><s:a href="#" >Services </s:a>
		<ul>			
			<li><s:a href="%{servicesListUrl}" >Service Maintenance</s:a></li>
			<li><s:a href="%{programmeListUrl}">Programme Maintenance</s:a></li>			
		</ul>
		<div class="clear"></div>
	</li>
	<li><a href="#">Geography</a>
	<ul>
		<li><s:a href="%{trustRegionListUrl}">Trust Regions/Trust Districts</s:a></li>			
		<li><s:a href="%{governmentOfficeRegionListUrl}">Govemment Office Region</s:a></li>			
	</ul>			
		<div class="clear"></div>
	<li><s:a href="%{premisesListLinkUrl}">Premises</s:a></li>	
</ul>
</div>
</body>
</html>